<!DOCTYPE html>

<html>
	<head>
		<title>Volunteer Information</title>
		<link rel="stylesheet" href="volunteerinfostyle.css"/>
		 <script
    		src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    		type="text/javascript"></script>
		<script src="volunteerjavascript.js" type="text/javascript"> </script>
		<link rel=StyleSheet href="navbarstyle.css"/>
		    <script src="volunteerinfoajax.js" type="text/javascript"></script>

	</head>

	<body>

		 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description">
    	<h1 id="name">
    	</h1>

    	<p> Below you will find all of the information associtated with this volunteer.</p>

    </div>

   <nav class="NavBar">
        <ul>
            <li>
                <a class= "Volunteer highlighted" href="volunteer.html"> Volunteers</a>
                <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
            <li>
                <a class= "Events" href="events.html"> Events</a>
                <ul>
                    <li><a href="events.html" title="Search"> Search </a></li>
                    <li><a href="addevents.html" title="Edit"> Edit </a></li>
                </ul>
            </li>

            <li><a class= "Plants" href="plants.html"> Plants</a>
                <ul>
                    <li><a href="plants.html" title="Search"> Search </a></li>
                    <li><a href="addplants.html" title="Edit"> Edit </a></li>
                </ul>
            </li>
            <li>
              <a class= "Source" href="source.html"> Source</a>
                <ul>
                  <li><a href="source.html" title="Search"> Search </a></li>
                  <li><a href="addsource.html" title="Edit"> Edit </a></li>
                </ul>
            </li>     
        </ul>
    </nav>



		<FORM class="ModifyList"> 
			<INPUT type="button" value="Back" name="goback" onclick="history.go(-1)"> 
			<INPUT type="button" value="Edit Me" name="edit" id="editme"> 
			<INPUT type="button" value="Delete" name="delete"> 

		</FORM> 

		<!-- <div id = "basictitle"> Basic Info </div>

		<div id = "info"> -->

		<!-- <div class="row">

			<div class ="basicstyle col-1">
				Name
			</div>

			<div class ="basicstyle col-2">
				Age
			</div>

			<div class ="basicstyle col-3">
				Gender
			</div>

			<div class ="basicstyle col-4">
				Race
			</div>

			<div class ="basicstyle col-1">
				Number of Hours
			</div>

		</div> -->

		<!-- <div id="basicinfo" class="row">

			<div class ="basicstyle col-1" id ="vname">
			</div>

			<div class ="basicstyle col-2" id ="vage">
			</div>

			<div class ="basicstyle col-3" id ="vgender">

			</div>

			<div class ="basicstyle col-4" id ="vrace">
			</div>

			<div class ="basicstyle col-1" id ="vhours">
			</div>

		</div>

	</div>

		<div>
		
			<table id="eventVolunteerTable">
				<tr class="a_event_head_row">
                	    <th class="events_col-1_head">Name</th> 
           	
            	        <th class="events_col-2_head">Begin date</th>
           	
            	        <th class="events_col-3_head">End date</th>
            	
                	    <th class="events_col-4_head">description</th>

            	</tr>
		
		
			</table>
		</div>
	</body>	 -->

	<div class ="insertinfo" id = "infoinsert">
    		<div class="col-a">
    			<div class="row-1">Name</div>
    			<div class="row-2">Age</div>
    			<div class="row-3">Email</div>
    			<div class="row-4">Gender</div>
    			<div class="row-1">Race</div>
    			<div class="row-2">Address</div>
    			<div class="row-3">Phone Number</div>
    			<div class="row-4">Website</div>
    		</div>

    		<div class="col-b">

					<div class="row-1" id="vname1">
										
	         		</div>
					<div class="row-2" id="vage1">
					</div>
					<div class="row-3" id="vemail1">
					</div>
					<div class="row-4" id="vgender1">
					</div>
					<div class="row-1" id="vrace1">
					</div>
					<div class="row-2" id="vaddress1" >
					</div>
				
					<div class="row-3" id="vphonenumber1">
					</div>
					<div class="row-4" id="vwebsite1">
					</div>
    		</div>

</html>